<template>
	<view class="searchPage">
		<view class="header">
			<text class="icon"></text>
			<input class="ipt" type="text" />
			<button class="cancel">取消</button>
		</view>

		<!-- 热门搜索 -->
		<view class="">热门搜索</view>

		<!-- 历史记录 -->
		<view class="">

		</view>
	</view>
</template>

<script setup lang="ts">
	import { reactive } from "vue"
</script>

<style lang="scss" scoped>
	.searchPage {
		background-color: #f4f6f6;
		color: #fff;
		min-height: inherit;
		display: flex;
		flex-direction: column;
	}
</style>
